
<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>个人简介</title>
		<meta name="viewport" content="initial-scale=1, maximum-scale=1">
		<link rel="shortcut icon" href="/favicon.ico">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<link rel="stylesheet" href="css/sm.min.css">
		<link rel="stylesheet" href="css/sm-extend.min.css">
		<link rel="stylesheet" href="font/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/by_m.css" />

	</head>

	<body>
		<!-- page集合的容器，里面放多个平行的.page，其他.page作为内联页面由路由控制展示 -->
		<div class="page-group">
			<!-- 单个page ,第一个.page默认被展示-->
			<div class="page">
				<!-- 标题栏 -->
				<header class="bar bar-nav">
					<a href="index.html" class="icon iconfont icon-fanhui pull-left" external></a>
					<h1 class="title">个人简介</h1>
				</header>

				<!-- 这里是页面内容区 -->
				<div class="content">
					<div class="list-block list-box">
						<ul>
							<li class="item-content">
								<a href="#" class="item-inner user-upload">
									<div class="item-title">头像</div>
									<div class="item-after"><img src="images/avatar.gif"/></div>
								</a>
							</li>
							<li class="item-content">
								<a href="#" class="item-inner user-name">
									<div class="item-title">真实姓名</div>
									<div class="item-after">黄家兴</div>
								</a>
							</li>
							<li class="item-content">
								<a href="#" class="item-inner per-lang">
									<div class="item-title">常用语言</div>
									<div class="item-after">俄语、西班牙语</div>
								</a>
							</li>
							<li class="item-content">
								<a href="#" class="item-inner">
									<div class="item-title">地区</div>
									<div class="item-after">中山</div>
								</a>
							</li>
							<li class="item-content">
								<a href="#" class="item-inner user-sex">
									<div class="item-title">性别</div>
									<div class="item-after">男</div>
								</a>
							</li>
							<li class="item-content demand-fill">
								<div class="item-inner">
									<div class="item-title">个人简介</div>
									<div style="overflow: hidden; padding-bottom: 5px;">
										<textarea placeholder="我是..."></textarea>
										<button class="button button-danger pull-right">确定</button>
									</div>
								</div>
							</li>
						</ul>
					</div>
				
					<div class="list-block list-box">
						<ul>
							<li class="item-content">
								<a href="#" class="item-inner">
									<div class="item-title">账户名称</div>
									<div class="item-after">点对点</div>
								</a>
							</li>
							<li class="item-content">
								<a href="#" class="item-inner user-password">
									<div class="item-title">密码</div>
									<div class="item-after">修改密码</div>
								</a>
							</li>
						</ul>
					</div>
				
				</div>
			</div>

			<script type='text/javascript' src='js/zepto.min.js' charset='utf-8'></script>
			<script src="js/config.js" type="text/javascript" charset="utf-8"></script>
			<script type='text/javascript' src='js/sm.min.js' charset='utf-8'></script>
			<script type='text/javascript' src='js/sm-extend.min.js' charset='utf-8'></script>
			<script src="js/per_lang.js" type="text/javascript" charset="utf-8"></script>
			<script src="js/user-name.js" type="text/javascript" charset="utf-8"></script>
			<script src="js/user-sex.js" type="text/javascript" charset="utf-8"></script>
			<script src="js/user-password.js" type="text/javascript" charset="utf-8"></script>
			<script src="js/user-upload.js" type="text/javascript" charset="utf-8"></script>
			<script>
				$(".my-input").calendar({
					value: ['2016-12-05']
				});
			</script>

	</body>

</html>